<section [ngStyle]="tagData.cssStyle|styleFilter" class="defaultMargin">
  <ng-container *ngIf="tagData.data.headDiv">
    <div [ngStyle]="tagData.data?.headDiv?.cssStyle|styleFilter">
      <div class="headDiv">
        <p class="headDivP" *ngIf="tagData.data?.headDiv?.labelText"
          [ngStyle]="tagData.data.headDiv?.moreLink?.link?.params?.labelTextCssStyle|styleFilter">
          {{tagData.data.headDiv?.labelText}}</p>
        <div class="moreLinkDiv" appDebounceClick (debounceClick)="detailPage(tagData.data?.headDiv?.moreLink)">
          <span class="moreLinkLabel"
            [ngStyle]="tagData.data.headDiv?.moreLink?.link?.params?.moreLinkCssStyle|styleFilter">{{tagData.data.headDiv?.moreLink?.link?.label}}</span>
          <img class="moreLinkIcon" *ngIf="tagData.data?.headDiv?.moreLink?.iconUrl"
            [ngStyle]="tagData.data.headDiv?.moreLink?.link?.params?.linkIconCssStyle|styleFilter"
            src='assets/icon/arrow_icon_right@3x.png' />
        </div>
      </div>
      <!--为了以前的标签新增一个subItems属性-->
      <ng-container *ngIf="subItems!==undefined; else elseTemplate">
        <div class="subItemBox" [ngStyle]="subItems.link.params.subItemBoxCssStyle|styleFilter">
          <span class="firstTitle" *ngIf="subItems.link.params.firstRowText"
            [ngStyle]="subItems.link.params.firstRowTextCssStyle|styleFilter">{{subItems.link.params.firstRowText}}
          </span>
          <span class="secondTitle" *ngIf="subItems.link.params.secondRowText"
            [ngStyle]="subItems.link.params.secondRowTextCssStyle|styleFilter">{{subItems.link.params.secondRowText}}
          </span>
          <span class="thirdButton" appDebounceClick (debounceClick)="goPage($event,subItems.link)" *ngIf="subItems.link.params.thirdRowText"
            [ngStyle]="subItems.link.params.thirdRowTextCssStyle|styleFilter">{{subItems.link.params.thirdRowText}}
          </span>
        </div>
      </ng-container>
      <ng-template #elseTemplate>
        <p class="noData" *ngIf="listData.length === 0">
          {{tagData.hint}}
        </p>
      </ng-template>
    </div>
  </ng-container>
  <ng-container *ngFor="let item of listData;let dataIndex =index; ">
    <div class="content-box" [ngStyle]="item.dateItemBox?.single?.cssStyle|styleFilter">
      <div class="recomment-bg2">
        <div class="item-right">
          <div appDebounceClick (debounceClick)="detailPage(item)" class="item-title" *ngIf="item.firstRowLeft"
            [ngStyle]="item.firstRowLeft?.firstBox?.cssStyle | styleFilter">
            <div class="titleLine">
              <span *ngIf="item.firstRowLeft?.title?.label"
                [ngStyle]="item.firstRowLeft?.title?.cssStyle | styleFilter">{{item.firstRowLeft?.title?.label}}</span>
              <span *ngIf="item.firstRowLeft?.firstText?.label"
                [ngStyle]="item.firstRowLeft?.firstText?.cssStyle | styleFilter">{{item.firstRowLeft?.firstText?.label}}</span>
            </div>
            <span *ngIf="item.firstRowRight?.firstText?.label"
              [ngStyle]="item.firstRowRight?.firstText?.cssStyle | styleFilter">{{item.firstRowRight?.firstText?.label}}</span>
          </div>
          <div appDebounceClick (debounceClick)="detailPage(item)" class="item-mid" *ngIf="item.secondRowLeft||item.secondRowRight"
            [ngStyle]="item.secondRowRight?.box?.cssStyle | styleFilter">
            <div class="item-s-left">
              <span *ngIf="item.secondRowLeft?.firstText?.label"
                [ngStyle]="item.secondRowLeft?.firstText?.cssStyle | styleFilter">{{item.secondRowLeft?.firstText?.label}}</span>
              <div class="spline" *ngIf="item.secondRowLeft?.thirdText?.label"
                [ngStyle]="item.secondRowLeft?.secondText?.cssStyle | styleFilter"></div>
              <span *ngIf="item.secondRowLeft?.thirdText?.label"
                [ngStyle]="item.secondRowLeft?.thirdText?.cssStyle | styleFilter">{{item.secondRowLeft?.thirdText?.label}}</span>
            </div>
            <div class="item-s-right" *ngIf="item.secondRowRight">
              <span *ngIf="item.secondRowRight?.firstText?.label"
                [ngStyle]="item.secondRowRight?.firstText?.cssStyle | styleFilter">{{item.secondRowRight?.firstText?.label}}</span>
            </div>
          </div>
          <div class="item-third" *ngIf="item.contentRow?.firstText?.label" appDebounceClick (debounceClick)="detailPage(item)"
            [ngStyle]="item.contentRow?.firstText?.cssStyle|styleFilter">
            {{item.contentRow?.firstText?.label}}
          </div>
          <ng-container *ngIf="item.thirdRowLeft">
            <p class="item-title" appDebounceClick (debounceClick)="detailPage(item.thirdRowLeft)">
              <img *ngIf="item.thirdRowLeft.icon" src="{{item.thirdRowLeft.icon?.imgUrl}}"
                [ngStyle]="item.thirdRowLeft?.icon?.imgUrlCssStyle | styleFilter" />
              <span *ngIf="item.thirdRowLeft?.secondText?.label"
                [ngStyle]="item.thirdRowLeft?.secondText?.cssStyle | styleFilter">{{item.thirdRowLeft?.secondText?.label}}</span>
              <span *ngIf="item.thirdRowLeft?.thirdText?.label"
                [ngStyle]="item.thirdRowLeft?.thirdText?.cssStyle | styleFilter">{{item.thirdRowLeft?.thirdText?.label}}</span>
            </p>
          </ng-container>

          <ng-container *ngIf="item.imgsRow">
            <div class="apply-imgs">
              <ng-container *ngFor="let img of item.imgsRow; let i = index">
                <img class="img" src="{{img}}">
              </ng-container>
            </div>
          </ng-container>

          <div class="item-fourth" [ngStyle]="item.fourthRow?.box?.cssStyle|styleFilter">
            <ng-container *ngFor="let subItem of item.linkLabels">
              <div [ngStyle]="subItem.link?.params?.firstBoxCssStyle|styleFilter" class="first-box">
                <img *ngIf="subItem?.icon" class="subItemIcon" [src]="subItem?.icon"
                  [ngStyle]="subItem?.iconCssStyle|styleFilter" />
                <span [ngStyle]="subItem.link?.params?.cssStyle|styleFilter" class="spanPosition"
                  appDebounceClick (debounceClick)="detailPage(subItem)">{{subItem.label}}
                  <ng-container *ngIf="subItem.RedDot">
                    <i></i>
                  </ng-container>
                </span>
              </div>
              <div class="spline" *ngIf="subItem.link?.params?.spline"
                [ngStyle]="subItem.link?.params?.spline|styleFilter"></div>
            </ng-container>
          </div>
          <div *ngIf="item.fifthRowLeft" [ngStyle]="item.fifthRowLeft?.firstBox?.cssStyle|styleFilter">
            <img src="{{item.fifthRowLeft?.firstText?.avatar}}" onerror="this.src='assets/img/headtrait.png'"
              [ngStyle]="item.fifthRowLeft?.firstText?.avatarCssStyle|styleFilter" />
            <span
              [ngStyle]="item.fifthRowLeft?.firstText?.labelCssStyle|styleFilter">{{item.fifthRowLeft?.firstText?.label}}</span>
          </div>
        </div>
      </div>
      <hr *ngIf="!item.dateItemBox.single.hideLine" class="dividing-line">
      <div class="fourthRight marginR125"
        *ngIf="item.fourthRowRight &&  item.fourthRowRight.iconList && tagData.style===tagData.name"
        [ngStyle]="item.fourthRowRight.boxCssStyle|styleFilter">
        <ng-container *ngFor="let icons of item.fourthRowRight.iconList, let i = index">
          <span class="icon-label-bg" appDebounceClick (debounceClick)="iconClick(icons,dataIndex)">
            <img class="icon-label-img" *ngIf="icons.iconName" src="{{icons.iconName}}" [ngStyle]="icons.iconCssStyle|styleFilter">
            <p *ngIf=" icons.label && icons.label.length > 0" class="icon-label"
              [ngStyle]="icons.iconLabelCssStyle|styleFilter">
              {{icons.label}}
            </p>
          </span>
        </ng-container>
      </div>
    </div>
  </ng-container>
</section>






<p class="noData" *ngIf="listData.length === 0 && !tagData.data?.headDiv">
  {{tagData.hint}}
</p>


<ion-infinite-scroll *ngIf="tagData.data.submit && pageTotal &&  (pageSize * pageNo < pageTotal) " threshold="5%"
  (ionInfinite)="loadMoreData($event)">
  <ion-infinite-scroll-content loadingSpinner="crescent" loadingText="正在加载更多数据...">
  </ion-infinite-scroll-content>
</ion-infinite-scroll>